<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>01_helloWorld</title>
</head>

<body>
<!-- 定义一个容器 -->
<div id="hello">
    <p>Hello message：{{message}}</p>
    <h1>name：{{name}}</h1>
</div>

<div>这里是没有交给vue管理的实例,所以不能解析vue的语法(花括号)---{{name}}</div>
</body>
<script type="text/javascript" src="../vue.js"></script>
<script>
    // 声明式编程：声明一个 vm
    const vm = new Vue({
        el: '#hello', //将 id 为 hello 的元素交给 vue 管理，用于挂载要管理的元素；以后在这个容器上操作的语法都会被 vue 来解析
        data: { // 定义数据
            message: '你好啊,损色~',
            name: '勒布朗詹姆斯',
        }
    });
</script>

</html>
